@import "reset";

body{
    background: url(../img/space.jpg) no-repeat fixed top;
    background-size: 100% 100%;
    position: relative;
    
}
.battleground{
    width: 100%;
    height: 727px;  
    position: absolute;
    top: 0;
    left: 0;
}
.plant{
    width: 40px;
    height: 40px;
//  background-color: red;
    background:url(../img/plant_03.png) no-repeat;
    background-size: 100% 100%;
    position: absolute; 
    transition: all 0.3s;
}
.baba{
    width: 20px;
    height: 20px;
    background-color: red;
    border: 1px solid white;
    
}
.planet{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
//  background-color: red;
    background: url(../img/planet_03.png) no-repeat;
    background-size: 100% 100%;
//  transition: all 0.005;
}
.ammo{
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/ammo_06.png);
    background-size: 100% 100%;
}
.gameOver{
    width: 100%;
    height: 727px;
    background-color: rgba(0,0,0,0.7);
    line-height: 727px;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    color: slateblue;
    display: none;
    button{
        position: absolute;
        left: 0;
        top: 0;
    }
}

.win{
    width: 100%;
    height: 727px;
    background-color: rgba(0,0,0,0.7);
    line-height: 727px;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    color: slateblue;
    display: none;
    button{
        position: absolute;
        left: 0;
        top: 0;
    }
}
